123456/V5 2324/formscript.html

<!DOCTYPE html> <html lang="en"> <head> <style> .veld{ width:150px; display:inline-block; text-align: left; } </style> <script> window.onload = check function check(){ //als checkbox met id kinderen checked if(document.getElementById('kinderen').checked){ //div met kindernamen zichtbaar //document.getElementById('kindernamendiv').style.visibility ='visible' // document.getElementById('kindernamendiv').style.display ='none' document.getElementById('kindernamen').disabled = false } else{ //div met kindernamen onzichtbaar //document.getElementById('kindernamendiv').style.visibility ='hidden' document.getElementById('kindernamen').disabled = true } //alert(document.getElementById('kindernamendiv').disabled ) } </script> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <form method="get"> <div><span class="veld">Naam : </span><input type='text' id="naam"></div> <div><span class="veld">Woonplaats : </span><input type='text' id="plaats"></div> <div><span class="veld"></span><input type="checkbox" value="1" id="kinderen" onchange="check()"><label for="kinderen">Kinderen</label></div> <div id="kindernamendiv"><span class="veld">Namen kinderen : </span><input type='text' id="kindernamen"></div> <div><span class="veld">Geboortedatum : </span><input type='date' id="geboortedatum"></div> </form> </body> </html>

Resultaat

Made by Thijs Aarnoudse